<div class="container-fluid">
  <div class="row">
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_system_cpu"></div>
      </div>
    </div>
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_system_mem"></div>
      </div>
    </div>
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_system_io"></div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_service_qps"></div>
      </div>
    </div>
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_service_siz"></div>
      </div>
    </div>
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_service_lat"></div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_storage_qps"></div>
      </div>
    </div>
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_storage_siz"></div>
      </div>
    </div>
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_storage_lat"></div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_logsync_qps"></div>
      </div>
    </div>
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_logsync_siz"></div>
      </div>
    </div>
    <div class="col instance-entry-block">
      <div class="card">
        <div class="card-body" id="kvgo_instance_metric_logsync_lat"></div>
      </div>
    </div>
  </div>
</div>


<script type="text/html" id="kvgo-instance-metric-time-ranges-tpl">
<li>the Last</li>
<li><a href="#" onclick="kvgo.InstanceMetricTimeRangeButton(this, 10, 600)" class="hover">10 Minutes</a></li>
<li><a href="#" onclick="kvgo.InstanceMetricTimeRangeButton(this, 60, 3600)">1 Hour</a></li>
<li><a href="#" onclick="kvgo.InstanceMetricTimeRangeButton(this, 600, 86400)">24 Hour</a></li>
<li><a href="#" onclick="kvgo.InstanceMetricTimeRangeButton(this, 3600, 864000)">10 Days</a></li>
</script>